<template>
  <div class="userInfo-section">
    <van-cell-group>
      <van-cell title="用户ID" :value="loginid" />
      <van-cell title="姓名" :value="loginName" />
      <van-cell title="性别" :value="sex" />
      <van-cell title="电话" :value="loginPhone" />
      <van-cell title="所属社区" :value="communityName" />
    </van-cell-group>
  </div>
</template>

<script>
import {
	mapState
} from 'vuex'
export default {
  name:"userInfo",
	computed:{
		...mapState({
			loginid: state=>state.login.account.id,
			loginName: state=>state.login.account.name,
			loginPhone: state=>state.login.account.phone,
			loginType: state=>state.login.account.type,
			sex: state=>state.login.account.sex,
			communityName: state=>state.login.account.communityName,
		})
	}
}
</script>

<style lang="scss" scoped>
@import "../../../assets/style/variable.scss";
.userInfo-section{
  height: 100%;
  background: $bg-gray;
}
</style>